@import '@root/assets/css/constants';
$font_size: $font_size_lg;

.main_table{
	font-size: $font_size;
}
 
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.filter_item {

	width: 150px;
	padding: 5px;
	
	&:last-child {
		margin-right: 0px;
	}
	
	.filter_text {
		overflow: hidden; 
    	text-overflow: ellipsis;
    	font-weight: bold;
	}
	
	.filter_item_input{
		padding: 5px;
		margin-top: 5px;
		border-radius: 4px;
	    border: solid thin darkgray;
	}
}

.filter_bar {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.table_box {
	padding: 15px;
	width: 100%;
}

/* button function */
 
.table_func_right{
	display: flex;
}

/* editor */
.editor_item {
	display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
	align-items: center;
    
}

.editor_item {
	padding: 5px;
	width: 100%;
}
.editor_item:hover .editor_item_text {
	font-weight: bold;
}
.editor_item_input{
	padding: 5px;
	border-radius: 4px;
    border: solid thin darkgray;
	
}
.editor_item_text{
	padding-left: 20%;
}
			
